Powered by GitBook

二、使用JavaScript

2.1 在HTML中使用JavaScript

1、内部添加: 可以在HTML页面的任何地方添加script标签(只要浏览器可以读取到)，在标签内部添加我们的JS代码。例如：

<script type="text/javascript">
    //js代码
</script>

说明：type属性是必选属性，用来指定脚本的类型。Type的值可选：text/javascript、application/javascript、text/vbscript、text/jscript、text/x-javascript。
区别：
type="text/javascript"，传统的写法，浏览器支持较好。
type="application/javascript",标准的写法，但不是每种浏览器都支持。
type="text/x-javascript"：x前缀表示这是实验性的，不是标准的类型。 
其中x就是experiment的简写，代表实验阶段。
我们以后的代码统一用：type="text/javascript"

2、 链接外部js文件。 为了代码的复用和方便维护，实际开发中会把js代码放入单独的文件中，然后在HTML文件中用script标签链接引入。例如：

<script type="text/javascript" src="a.js">
  //注意不要在script标签中再添加代码，即使添加了代码也不会执行
</script>
说明：
A：src表示要链接的文件的地址。这个地址可以是一个文件，也可以是一个url地址。
B：引入外部js文件的时候，不要再在标签内添加js代码，即使添加了也不会执行。
C：虽然这个时候不再script标签中添加js代码，但是也不能把script标签改成单标签。例如下面的形式是错误的。
<script type="text/javascript" src="a.js" /> <!-- 把script写成这种但标签的方式是错误的 -->

3、在HTML标签中: 作为某个元素的事件属性值或者是超链接href属性值。
<a href="javascript:alert('育知同创欢迎你!')">点我啊</a>
<input name="btn" type="button" value="弹出消息框"  onclick="javascript:alert('育知同创欢迎你!');"/>
2.2 JavaScript语法基本要求

JavaScript的执行顺序：按照HTML文件中出现的顺序依次执行
JavaScript严格区分大小写，大小写敏感 a A p P
JavaScript忽略空白符和换行符
JavaScript通过对代码进行折行操作
JavaScript使用 ; 结束语句。分号 ; 可以省略，尽量不要省略。
JavaScript可以使用{ }括成一个语句组，形成一个块block

2.3 JavaScript中几个用于调试输出的常用API

警告框：alert(xx);

警告框经常用于确保用户可以得到某些信息。
警告框出现后，用户需要点击确定按钮才能继续进行操作。
```
<script type="text/javascript" >
    alert("你好");
</script>
```

确认框：confirm(xx);

确认框用于使用户可以验证或者接受某些信息。
当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

<script type="text/javascript" >
  confirm("你好");
</script>

输入框: prompt(xx,默认值);

提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。
如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

向控制台输出结果:console.log("xxx")
<script type="text/javascript" >
    console.log("正在向控制台打印数据: 哈哈哈");
</script>
直接写入到HTML页面中

2.4 JavaScript注释

JavaScript共提供了2中注释：单行注释和多行注释。

单行注释。 //这里是注释，只能写一行
多行注释。 / 这里的注释可以写多行 /

results matching ""

No results matching ""